border-radius: 0; // and no rounded corners
box-shadow: none; // and no box-shadow
&:hover {
- background-color: mix(black, $base_color, 5%);
+ background-color: mix($fg_color, $base_color, 5%);
}
&:active {
box-shadow: inset 0 2px 2px -2px transparentize(black,0.8);
&:selected {
&:active { box-shadow: inset 0 2px 3px -1px transparentize(black,0.5); }
&:hover {
- background-color: mix(black, $selected_bg_color, 10%);
+ background-color: mix($fg_color, $selected_bg_color, 10%);
}
&:backdrop { background-color: $selected_bg_color; }
}
border-radius: 0;
box-shadow: none; }
.list-row.button:hover {
- background-color: #262626; }
+ background-color: #323232; }
.list-row.button:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
.list-row.button:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
.list-row.button:selected:hover {
- background-color: #1d538c; }
+ background-color: #356ba4; }
.list-row.button:selected:backdrop {
background-color: #215d9c; }
border-radius: 0;
box-shadow: none; }
.list-row.button:hover {
- background-color: #f2f2f2; }
+ background-color: #f4f4f4; }
.list-row.button:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
.list-row.button:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
.list-row.button:selected:hover {
- background-color: #4281c3; }
+ background-color: #4786c8; }
.list-row.button:selected:backdrop {
background-color: #4a90d9; }